<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ayuda</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<link href="estilos/estiloAyuda.css" rel="stylesheet" type="text/css">
<link rel="icon" type="image/png" href="imgenes/light-bulb-151383_1280.png" />
<meta name="viewport" content="width=device-width, initial-scale=1">

<!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>
<div class="container">
<header> </header>
<nav>
  <ul>
    <li><a href="inicioCliente.jsp" id="ayuda">INICIO</a></li>
    <li><a href="error404.jsp" id="sugerencia">SUGERENCIAS</a></li>
  </ul>
</nav>
<div class="content">
<form action="">
  <input type="search" name="nombre" placeholder="Buscar">
</form>
<div class="ayuda"> <a onClick="history.back()"  title="Atras"> <img  src="imgenes/atras.png" width="30px" height="30px"> </a> </div>


<div id="superior" onClick="">
  <div class="nombreAyuda">
    <h1>COMO REGISTRARSE</h1>
  </div>
  <div class="descripcionAyuda">
    <section id="oculto"></section>
    <table class="tablaAyuda">
      <tr>
        <td class="icono"><img src="imgenes/num1.png" width="30px" height="30px"></td>
        <td  class="des"><p> Ingresa a www.dresignpro l</p></td>
      </tr>
      <tr>
        <td class="icono"><img src="imgenes/num2.png" width="30px" height="30px"></td>
        <td  class="des"><p> Pulsa en el icono de resigtro</p></td>
      </tr>
      <tr>
        <td class="icono"><img src="imgenes/num3.png" width="30px" height="30px"></td>
        <td  class="des"><p> Ingresa los datos</p></td>
      </tr>
      <tr>
        <td class="icono"><img src="imgenes/num4.png" width="30px" height="30px"></td>
        <td  class="des"><p> Ve al correo y confirma el registro</p></td>
      </tr>
      <tr>
        <td class="icono"><img src="imgenes/num5.png" width="30px" height="30px"></td>
        <td  class="des"><p> Digita usuario y contraseña</p></td>
      </tr>
    </table>
  </div>
</div>


<div id="medio" onClick="">
  <div class="nombreAyuda">
    <h1>COMO REGISTRARSE</h1>
  </div>
  <div class="descripcionAyuda">
    <section id="oculto"></section>
    <table class="tablaAyuda">
      <tr>
        <td class="icono"><img src="imgenes/num1.png" width="30px" height="30px"></td>
        <td  class="des"><p> Ingresa a www.dresignpro l</p></td>
      </tr>
      <tr>
        <td class="icono"><img src="imgenes/num2.png" width="30px" height="30px"></td>
        <td  class="des"><p> Pulsa en el icono de resigtro</p></td>
      </tr>
      <tr>
        <td class="icono"><img src="imgenes/num3.png" width="30px" height="30px"></td>
        <td  class="des"><p> Ingresa los datos</p></td>
      </tr>
      <tr>
        <td class="icono"><img src="imgenes/num4.png" width="30px" height="30px"></td>
        <td  class="des"><p> Ve al correo y confirma el registro</p></td>
      </tr>
      <tr>
        <td class="icono"><img src="imgenes/num5.png" width="30px" height="30px"></td>
        <td  class="des"><p> Digita usuario y contraseña</p></td>
      </tr>
    </table>
  </div>
</div>


<div id="bajo" onClick="">
  <div class="nombreAyuda">
    <h1>COMO REGISTRARSE</h1>
  </div>
  <div class="descripcionAyuda">
    <section id="oculto"></section>
    <table class="tablaAyuda">
      <tr>
        <td class="icono"><img src="imgenes/num1.png" width="30px" height="30px"></td>
        <td  class="des"><p> Ingresa a www.dresignpro l</p></td>
      </tr>
      <tr>
        <td class="icono"><img src="imgenes/num2.png" width="30px" height="30px"></td>
        <td  class="des"><p> Pulsa en el icono de resigtro</p></td>
      </tr>
      <tr>
        <td class="icono"><img src="imgenes/num3.png" width="30px" height="30px"></td>
        <td  class="des"><p> Ingresa los datos</p></td>
      </tr>
      <tr>
        <td class="icono"><img src="imgenes/num4.png" width="30px" height="30px"></td>
        <td  class="des"><p> Ve al correo y confirma el registro</p></td>
      </tr>
      <tr>
        <td class="icono"><img src="imgenes/num5.png" width="30px" height="30px"></td>
        <td  class="des"><p> Digita usuario y contraseña</p></td>
      </tr>
    </table>
  </div>
</div>

<!--
  <div id="medio">
    <div class="nombreAyuda"> </div>
    <div class="descripcionAyuda">
      <p>
    El párrafo es la exposición coherente y por escrito de una idea completa. Es unidad de pensamiento y sentimiento, forma la unidad de expresión en el lenguaje escrito. Dicha unidad está integrada por dos elementos: el enunciado principal y los enunciados secundarios, los cuales complementan al principal.

Dependiendo de su función, hay muchos tipos de párrafo: narrativo, descriptivo, argumentativo, analítico, sintético, expositivo, literal, etc. Los cuales comúnmente se combinan, según las ideas que se quieren exponer. Una obra educativa o didáctica, combinará principalmente párrafos analíticos, y sintéticos con algunos descriptivos; en cambio una novela utilizará principalmente párrafos descriptivos y narrativos.



URL del artículo: http://www.ejemplode.com/12-clases_de_espanol/362-ejemplo_de_parrafo.html
Nota completa: ejemplos de Párrafo
    </p>
    </div>
  </div>
  
  <div id="bajo">
    <div class="nombreAyuda"> </div>
    <div class="descripcionAyuda"></div>
  </div>
  <div id="inferior">
    <div class="nombreAyuda"> </div>
    <div class="descripcionAyuda"></div>
  </div>
</div>

-->
<footer> </footer>
</body>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
    	
		posicionarMenu();

		$(window).scroll(function() {    
		    posicionarMenu();
		});

		function posicionarMenu() {
		    var altura_del_header = $('header').outerHeight(true);
		    var altura_del_menu = $('nav').outerHeight(true);

		    if ($(window).scrollTop() >= altura_del_header){
		        $('nav').addClass('fixed');
		        $('.content').css('margin-top', (altura_del_menu) + 'px');
		    } else {
		        $('nav').removeClass('fixed');
		        $('.content').css('margin-top', '0');
		    }
		}
    </script>
</html>